// 引入 loading.vue 组件 options对象
import LoadingOptins from './loading'
const $loading = {
  install (Vue) {
    // Vue.extend定义组件
    // 返回是 创建loading组件 class类
    const LoadingClass = Vue.extend(LoadingOptins)
    // new 一个loading组件
    const loadingComponent = new LoadingClass()
    // 拿到组件的 dom结构
    /*
      让组件 编译虚拟dom为真实dom
      拿到dom结构
      插入到 body上
    */
    document.body.appendChild(loadingComponent.$mount().$el)
    Vue.prototype.$showLoading = () => {
      loadingComponent.isShow = true
    }
    Vue.prototype.$hideLoading = () => {
      loadingComponent.isShow = false
    }
  }
}

export default $loading
